<body>
    <div class="about-container">
        <div class="about-main">
            <div class="about-part">
                <div class="row row-cols-1 row-cols-md-2">
                    <div class="col mb-4">
                      <div class="card">
                        <img src="..." class="card-img-top" alt="...">
                        <div class="card-body">
                          <!-- <h5 class="card-title">Card title</h5> -->
                          <p class="card-text">Download the design space toolkit cards</p>
                        </div>
                      </div>
                    </div>
                    <div class="col mb-4">
                      <div class="card">
                        <img src="..." class="card-img-top" alt="...">
                        <div class="card-body">
                          <!-- <h5 class="card-title">Card title</h5> -->
                          <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                        </div>
                      </div>
                    </div>
                </div>
            </div>
    
            <div class="about-part" id="citation">
                <div class="about-title">
                    <div class="about-title-head">Citation</div>
                    <p class="about-title-text">Citation is given to the following publication:</p>
                </div>
                <div class="about-para">
                    <span class="about-para-symbol"></span>
                    <p class="about-para-text">
                        Yang Shi, Xingyu Lan, Jingwen Li, Zhaorui Li, Nan Cao. 2021. Communicating with 
                        Motion: A Design Space for Animated Visual Narratives in Data Videos. In 
                        Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. 
                    </p>
                </div>
                <div class="citation-box">
                    <div class="citation-format">
                        @InProceedings{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;shi2021motion,
                        <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;title = {Communicating with 
                        Motion: A Design Space for Animated Visual Narratives in Data Videos },<br>&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;author = {Shi, Yang and Lan, Xingyu and Li, 
                        Jingwen and Li, Zhaorui and Cao, Nan},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;booktitle = {Proceedings of the 2021 CHI Conference on Human Factors in Computing 
                        Systems},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;year = {2021}<br>&nbsp;
                        &nbsp;&nbsp;&nbsp;}
                    </div>
                </div>
            </div>
        </div>
        <footer>
            <div class="footer-text">
                Copyright © Intelligent Big Data Visualization Lab (iDV<sup>x</sup> Lab) All Rights Reserved.
            </div>
        </footer>
    </div>
</body>